<html xmlns="http://www.w3.org/1999/xhtml" xmlns:lift="http://liftweb.net/">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
	
    <title>Salary System</title>
    <lift:CSS.blueprint />
    <lift:CSS.fancyType />
    <script id="jquery" src="/classpath/jquery.js" type="text/javascript"></script>
    <script id="json" src="/classpath/json.js" type="text/javascript"></script>
    <link href="/style/pca.css" type="text/css" rel="stylesheet" media="screen, projection" />

  </head>
  <body>
    <div class="container">
   
      <div class="column span-24">
        <div id="title"><a href="/"><img src="/images/pca-logo.png" /></a>
        </div>
      </div>

      <div class="column span-24" id="menu">
        <!--<lift:Menu.builder li:class="menuitem" />	
        
          li:class="menuitem" 
          li_item:class="selectedMenu"
          li_item:onclick="javascript:alert('Already selected!');" 
        -->
        <lift:Menu.builder 
          li:class="menuitem" 
          li_item:id="selectedMenu"

          />
      </div>

      <div class="column span-24">
        <lift:snippet type="msgs">  
          <lift:error_msg>Error!  The details are:</lift:error_msg>  
          <lift:error_class>errorBox</lift:error_class>  
          <lift:warning_msg>Whoops, I had a problem:</lift:warning_msg>  
          <lift:warning_class>warningBox</lift:warning_class>  
          <lift:notice_msg></lift:notice_msg>  
          <lift:notice_class>noticeBox</lift:notice_class>  
        </lift:snippet>  
        <br />
      </div>

      <div class="column span-24">
        <lift:bind name="content" />
      </div>

      <hr />

      <div class="column span-24 last" style="text-align: center">
      Copyright © 2009, 2011 - AlexCheng
      </div>

      <script>
        $(document).ready(function() { 
          $(".noticeBox").click(function(){$(this).fadeOut("slow");});
          $(".errorBox").click(function(){$(this).fadeOut("slow");});
          $(".warningBox").click(function(){$(this).fadeOut("slow");});
        });
      </script>

    </div>
  </body>
</html>
